
/*******************************************
	- RATING START  -
********************************************/
		.rating-star				{	vertical-align: middle;line-height: 17px;}
		.sb-rateholder			{	position:relative; display:inline-block; }
		.sb-rateholder-single	{   position:relative; float:left;}
		.sb-icon-star-empty		{	position:absolute;left:0px;top:0px; z-index:1; color:#ddd; }
		.sb-icon-star			{	position:relative; z-index:2; color:#ffc321;}


/**************************************
	-	BASIC STYLING FOR CONTENTS	-
***************************************/


		.showbiz					{	position:relative; }


		.showbiz .divide5			{	width:100%;height:5px;}
		.showbiz .divide10			{	width:100%;height:10px;}
		.showbiz .divide15			{	width:100%;height:15px;}
		.showbiz .divide20			{	width:100%;height:20px;}
		.showbiz .divide30			{	width:100%;height:30px;}

		.showbiz .p20				{	padding-top:20px;}
		.showbiz .p30				{	padding-top:30px;}
		.showbiz .p40				{	padding-top:30px;}
		.showbiz .p60				{	padding-top:60px;}

		.showbiz .rm5				{	margin-right:5px;}
		.showbiz .rm10				{	margin-right:10px;}
		.showbiz .rm15				{	margin-right:15px;}
		.showbiz .rm20				{	margin-right:20px;}


		.showbiz .leftfloat			{	float:left;}
		.showbiz .rightfloat		{	float:right;}
		.sbclear					{	clear:both;}

		.showbiz .txt-center		{	text-align: center;}
		.showbiz .txt-left			{	text-align: left;}
		.showbiz .txt-right			{	text-align: right;}
		.showbiz .vert-center		{	vertical-align:middle;height:100%;}


		.showbiz-title .greenbg		{	background-color:#366300; padding:2px 10px;}
		.showbiz-title .redbg		{	background-color:#b2170a; padding:2px 10px;}
		.showbiz-title .bluebg		{	background-color:#1d628a; padding:2px 10px;}
		.showbiz-title .blackbg		{	background-color:#000; padding:2px 10px;}

		.showbiz p					{	font-size:13px; line-height:22px; color:#777; font-family: 'Open Sans', sans-serif; position:relative;}
		.showbiz p.orange			{	color:#ff6c00;}
		.showbiz p.bigger			{	font-size:17px; line-height:20px;}
		.showbiz p.bolder			{	font-weight:700;}

		.showbiz-title,
		.showbiz-title a,
		.showbiz-title a:visited,
		.showbiz-title a:hover			{	color:#555; font-family: 'Open Sans', sans-serif; font-size:14px; text-transform:uppercase;  text-decoration: none; font-weight:700;}

		.showbiz-title.large,
		.showbiz-title.large a,
		.showbiz-title.large a:visited,
		.showbiz-title.large a:hover	{	font-size:20px; line-height:25px; font-weight:800;}

		.showbiz-price .number				{	color:#555; font-family: 'Open Sans', sans-serif; font-size:50px; font-weight: 800;}
		.showbiz-price .currency				{	color:#555; font-family: 'Open Sans', sans-serif; font-size:35px; font-weight: 400;}

		.sb_one_half 		{ width: 49%;   position:relative;}
		.sb_one_third 		{ width: 32%;  position:relative;}
		.sb_two_third 		{ width: 66%; position:relative;}
		.sb_three_fourth	{ width: 74%;    position:relative;}
		.sb_four_fifth		{ width: 78%;    position:relative;}
		.sb_one_fourth 		{ width: 23.5%;   position:relative;}
		.sb_one_fifth 		{ width: 18.2%; position:relative;}
		.sb_two_fifth 		{ width: 39%; position:relative;}
		.sb_three_fifth 	{ width: 58.3%; position:relative;}
		.sb_one_sixth 		{ width: 13.33%; position:relative;}

		.sb_one_half,
		.sb_one_third,
		.sb_two_third,
		.sb_one_fourth,
		.sb_one_fifth,
		.sb_three_fourth,
		.sb_one_sixth,
		.sb_four_fifth,
		.sb_two_fifth,
		.sb_three_fifth	{ margin-right: 2%; margin-bottom: 0px; float: left; }

		.sb_lastcolumn { margin-right: 0!important; clear: right; }


		@media only screen and (min-width: 768px) and (max-width: 979px) {
				}

		@media only screen and (max-width: 767px) {
			.sb_one_half,
			.sb_one_third,
			.sb_two_third,
			.sb_one_fourth,
			.sb_one_fifth,
			.sb_one_sixth,
			.sb_two_fifth,
			.sb_three_fifth		{ width: 100%; margin-bottom:30px;}
			.sb_lastcolumn			{	margin-bottom:0px;}
			.sb_mobilecentered		{	text-align:center;}
		}

		.sb-clear				{	clear:both}




/*********************************************************
			-	NAVIGATION SETTINGS	-
	USE STYLE CLASS IN THE SHOWBIZ NAVIGATION CONTAINER
**********************************************************/


		.showbiz-navigation						{	}
		.showbiz-navigation.center				{	text-align:center;}


		.sb-navigation-left,
		.sb-navigation-right,
/**/	.sb-navigation-play						{	cursor:pointer; display:inline-block;
													-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
												}

/**/	.sb-navigation-play						{	margin-right:5px;}
		.sb-navigation-left						{	}

		.sb-navigation-left i,
		.sb-navigation-right i,
/**/	.sb-navigation-play i					{	 font-size:22px;  color:#fff; }

		.sb-navigation-left.notclickable		{	cursor:default; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3;}
		.sb-navigation-right.notclickable		{	cursor:default; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3;}

		.sb-hidden								{	display:none;}

		/*** WHITE NAV BUTTONS ***/
		.sb-nav-light .sb-navigation-left,
		.sb-nav-light .sb-navigation-right,
/**/	.sb-nav-light .sb-navigation-play						{	background:#fff; border:1px solid #d5d5d5; }
		.sb-nav-light.showbiz-navigation i						{	color:#777;   }

		.sb-nav-light .sb-navigation-left:hover,
		.sb-nav-light .sb-navigation-right:hover				{	border:1px solid #b5b5b5;}

		.sb-nav-light .sb-navigation-left.notclickable:hover,
		.sb-nav-light .sb-navigation-right.notclickable:hover	{	border:1px solid #d5d5d5;}

		/*** GREY BUTTONS ***/
		.sb-nav-grey .sb-navigation-left.notclickable:hover,
		.sb-nav-grey .sb-navigation-right.notclickable:hover,
		.sb-nav-grey .sb-navigation-left,
		.sb-nav-grey .sb-navigation-right,
/**/	.sb-nav-grey .sb-navigation-play
																{	background: #919191;

																	background: -moz-linear-gradient(top,  #919191 0%, #6b6b6b 100%); /* FF3.6+ */
																	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(100%,#6b6b6b));
																	background: -webkit-linear-gradient(top,  #919191 0%,#6b6b6b 100%);
																	background: -o-linear-gradient(top,  #919191 0%,#6b6b6b 100%);
																	background: -ms-linear-gradient(top,  #919191 0%,#6b6b6b 100%);
																	background: linear-gradient(to bottom,  #919191 0%,#6b6b6b 100%);
																	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#6b6b6b',GradientType=0 );
																	border-top:1px solid #919191; border-left:1px solid #969696;  border-right:1px solid #969696; border-bottom:1px solid #6c6c6;
																}
		.sb-nav-grey .sb-navigation-left:hover,
		.sb-nav-grey .sb-navigation-right:hover,
/**/	.sb-nav-grey .sb-navigation-play:hover
																{	background: #919191;
																	background: -moz-linear-gradient(top,  #6b6b6b 0%, #919191 100%); /* FF3.6+ */
																	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#919191));
																	background: -webkit-linear-gradient(top, #6b6b6b 0% ,#919191 100%);
																	background: -o-linear-gradient(top,  #6b6b6b 0% ,#919191 100%);
																	background: -ms-linear-gradient(top,  #6b6b6b 0% ,#919191 100%);
																	background: linear-gradient(to bottom,  #6b6b6b 0% ,#919191 100%);
																	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#919191',GradientType=0 );
																	 }


		/*** DARK GREY BUTTON ***/
		.sb-nav-dark .sb-navigation-left.notclickable:hover,
		.sb-nav-dark .sb-navigation-right.notclickable:hover,
		.sb-nav-dark .sb-navigation-left,
		.sb-nav-dark .sb-navigation-right,
/**/	.sb-nav-dark .sb-navigation-play						{	background:#555; border:1px solid #919191; border:1px solid #333;
																	border-radius: 0px; -moz-border-radius: 0px;-webkit-border-radius: 0px; }
		.sb-nav-dark .sb-navigation-left:hover,
		.sb-nav-dark .sb-navigation-right:hover,
		.sb-nav-dark .sb-navigation-play:hover		{	background:#333}

		/*** RETRO  NAV BUTTON ***/
		.sb-nav-retro .sb-navigation-left.notclickable:hover,
		.sb-nav-retro .sb-navigation-right.notclickable:hover,
		.sb-nav-retro .sb-navigation-left,
		.sb-nav-retro .sb-navigation-right,
		.sb-nav-retro .sb-navigation-play						{	background:#fff; color:#777; }

		.sb-nav-retro .sb-navigation-play						{ margin-top:10px; }

		.sb-nav-retro .sb-navigation-left:hover,
		.sb-nav-retro .sb-navigation-right:hover					{	background:#f1f1f1}

		.sb-nav-retro .sb-navigation-left						{	position:absolute;top:50%;left:-26px;margin-top:-15px; border-radius: 500px 0px 0px 500px; -moz-border-radius: 500px 0px 0px 500px;-webkit-border-radius: 500px 0px 0px 500px;
																	-webkit-box-shadow: -4px 0px 5px 1px rgba(100,100,100,0.1);
																	-moz-box-shadow: -4px 0px 5px 1px rgba(100,100,100,0.1);
																	box-shadow: -4px 0px 5px 1px rgba(100,100,100,0.1);
																	padding:10px 0px 10px 7px;
																}

		.sb-nav-retro .sb-navigation-right						{	position:absolute;top:50%;right:-26px;margin-top:-15px; border-radius: 0px 500px 500px 0px; -moz-border-radius: 0px 500px 500px 0px;-webkit-border-radius: 0px 500px 500px 0px;
																	-webkit-box-shadow: 4px 0px 5px 1px rgba(100,100,100,0.1);
																	-moz-box-shadow: 4px 0px 5px 1px rgba(100,100,100,0.1);
																	box-shadow: 4px 0px 5px 1px rgba(100,100,100,0.1);
																	padding:10px 7px 10px 0px;
																}

		.sb-retro-skin .showbiz-navigation i 					{	color:#333}


		/*** RETRO  NAV BUTTON ***/
		.sb-nav-dark-retro .sb-navigation-left.notclickable:hover,
		.sb-nav-dark-retro .sb-navigation-right.notclickable:hover,
		.sb-nav-dark-retro .sb-navigation-left,
		.sb-nav-dark-retro .sb-navigation-right,
		.sb-nav-dark-retro .sb-navigation-play					{	background:#222; color:#777; }

		.sb-nav-dark-retro .sb-navigation-play					{ margin-top:10px;
																 }
		.sb-nav-dark-retro .sb-navigation-left:hover,
		.sb-nav-dark-retro .sb-navigation-right:hover,
		.sb-nav-dark-retro .sb-navigation-play:hover			{	background:#252525}

		.sb-nav-dark-retro .sb-navigation-left						{	position:absolute;top:50%;left:-26px;margin-top:-15px; border-radius: 500px 0px 0px 500px; -moz-border-radius: 500px 0px 0px 500px;-webkit-border-radius: 500px 0px 0px 500px;
																		padding:10px 0px 10px 7px;
																	}
		.sb-nav-dark-retro .sb-navigation-right						{	position:absolute;top:50%;right:-26px;margin-top:-15px; border-radius: 0px 500px 500px 0px; -moz-border-radius: 0px 500px 500px 0px;-webkit-border-radius: 0px 500px 500px 0px;
																		padding:10px 7px 10px 0px;;
																	}

		.sb-retro-dark-skin .showbiz-navigation i 					{	color:#fff}



/**************************************************
	-	THE BASIC CONTAINER SETTINGS	-
	NO NEED TO MODIFICATE ANYTHIN HERE

	ALL DETAIL SETTINGS CAN BE SET VIA THE SKINS
**************************************************/



		.showbiz ul, .showbiz li						{	list-style: none; margin:0; padding:0; }
		.showbiz ul li									{	position:relative; -webkit-transform: translateZ(10);
																-webkit-backface-visibility: hidden;
																-webkit-perspective: 1000;
																margin-right:0px;
														}
		.showbiz .overflowholder 						{	overflow: hidden;position: relative;width: 100%; z-index:2; }

		.showbiz .overflowholder ul 					{		width:100000px; position: absolute;	top: 0px; left: 0px; }

		.showbiz .overflowholder ul li 					{		float: left !important;
																-webkit-transition: all 0.25s ease;
																-moz-transition: all 0.25s ease-in-out;
																-o-transition: all 0.25s ease-in-out;
																-ms-transition: all 0.25s ease-in-out;
																transition: all 0.25s ease-in-out;
																position:relative;
														}


		.showbiz .mediaholder							{ 	position:relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:transparent;padding:0px; border:none; border-top: 6px solid #930909; border-left: 3px solid #930909; border-right: 3px solid #930909; border-bottom: 6px solid #930909;}
		.showbiz .mediaholder_innerwrap					{	position:relative; overflow:hidden; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;

		}
		.showbiz .mediaholder img 						{	width:100%; position:relative; margin-bottom:-5px;}


		.showbiz .hovercovera							{width:100%;height:100%; position:absolute; top:0px; left:0px;
														}

		.showbiz li:hover .hovercovera			  		{ }







/*************************************************
	-	THE GREY SKIN EXTRAS   -
**************************************************/


		.sb-grey-skin.showbiz-navigation i						{	text-shadow:0px 1px 0px rgba(0,0,0,0.4); font-size:20px;}



		li.sb-grey-skin:hover .mediaholder img					{	 /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
																	 filter: gray;
																	-webkit-filter: grayscale(100%);*/
																}





/*---------------*/

#lbox-nav{
	position:absolute;
	width:100%;
	height:100%;
}

/* CSS COMMAND */

.a-btn{
	position:absolute;
	right:20px;
	bottom:12px;
	width:25px;
	height:25px;
	background-color: #F60;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn1{
	position:absolute;
	right:-5px;
	bottom:20px;
	background-color: #F60;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-text{
	position:relative;
	width:100%;
	height:100%;
	color: #F90;
	font-size:12px;
	top:5px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	opacity:0;
	font-weight:bold;

	-webkit-transition: ease-out 0.5s;
    -moz-transition:ease-out 0.5s;
    -o-transition:ease-out 0.5s;
    transition:ease-out 0.5s;
}


.mediaholder_innerwrap:hover .a-btn{
	width:150px;
	opacity:0.85;
}

.mediaholder_innerwrap:hover .a-btn-text{
	color: #FFF;
	opacity:1;
}

.inner-border{
	width:auto
	height:auto;
	-moz-box-shadow: inset 9px -4px 30px -13px #000;
	-webkit-box-shadow: inset 9px -4px 30px -13px #000;
	box-shadow: inset 9px -4px 30px -13px #000;
	background-color:#FFF;
}

.a-bctn1{
	position:absolute;
	right:120px;
	bottom:20px;
	background-color: #F60;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-bctn2 {
    position: absolute;
    background-color: #F60;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.a-bctn2 .a-btn-text1 {
    background: url("../images/dat-hang.png") no-repeat scroll 0 top transparent;
    width: 109px;
    height: 40px;
    float: left;
}
.a-bctn1 .a-btn-text1 {
    background: url("../images/dat-hang.png") no-repeat scroll 0 top transparent;
    width: 109px;
    height: 40px;
    float: left;
}
.a-bctn2 a:hover {
    cursor: pointer;
}
.a-btn1 .a-btn-ct1 {
	background: url("../images/chi-tiet.png") no-repeat scroll 0 top transparent;
    width: 109px;
    height: 40px;
    float: left;
}
#showbiz_left_1, #showbiz_left_2{
	z-index:888;
	position:absolute;
	top:0px;
	left:-8px;
	width:5%;
	height:317px;
	opacity:0;

	background-image:url(../images/arrowleft.png);
	background-position:center;
	background-repeat:no-repeat;

	-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

#showbiz_right_1, #showbiz_right_2{
	z-index:888;
	position:absolute;
	top:0px;
	right:-8px;
	width:5%;
    height:317px;
	opacity:0;

	background-image:url(../images/arrowright.png);
	background-position:center;
	background-repeat:no-repeat;

	-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
#showbiz_right_1:hover, #showbiz_right_2:hover{
	opacity:1;
    background-color: #ff8b00;
}
#lb-header{
	position:relative;
	margin: 0 auto;
	width:960px;
	height:315px;
}
#showbiz_left_1:hover, #showbiz_left_2:hover{
	opacity:1;
    background-color: #ff8b00;
}
.pricePrdF {
    position: absolute;
    width: 100%;
    background: #9C9BA1;
    height: 60px;
    bottom: 0px;
}
.pricePrdF p {
    text-align: center;
    font-size: 35px;
    margin: 20px;
    color: #930909;
    font-weight: bold;
}